<template>
<!--  <div class="common-layout">-->
    <el-container class="common-layout">
      <!--      顶部导航栏-->
      <el-header style="padding: 0 0; background-color: #3b3f50;">

        <el-row>
          <el-col class="text" :span="4">
            YS文件管理demo
          </el-col>

          <el-col :span="20">
            <Navbar/>
          </el-col>
        </el-row>

      </el-header>

      <el-container style="height: 100%">

        <!--        左侧导航栏-->
        <el-aside width="252px" style=" height: 100%">
          <Sidebar/>
        </el-aside>

        <!--        文件操作区-->
        <el-main style="background-color: #f3f4f6; height: 823px; border: 10px;">
          <router-view/>
        </el-main>


      </el-container>

    </el-container>
<!--  </div>-->
</template>
<script setup lang="ts">
import Sidebar from "@/components/Sidebar.vue";
import Navbar from "@/components/Navbar.vue";
import FileList from "@/views/FileList.vue";
</script>

<style>
/* 禁止页面滑动 */
.common-layout {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
.text {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
</style>